import notFound from '@/pages/404';

const DefaultRouteComponent = {
  template: '<router-view></router-view>',
};

export default [
  {
    path: '/',
    component: () =>
      import('@/pages/index.vue' /* webpackChunkName: "pages/index" */).then(m => m.default || m),
    name: 'index',
  },

  {
    path: '/account/login',
    component: () =>
      import('@/pages/login/index.vue' /* webpackChunkName: "pages/account" */).then(
        m => m.default || m,
      ),
    name: 'login',
  },
  {
    path: '/dashboard',
    component: () =>
      import('@/pages/dashboard/index.vue' /* webpackChunkName: "pages/dashboard" */).then(
        m => m.default || m,
      ),
    name: 'dashboard',
  },
  {
    path: '/icons',
    component: () =>
      import('@/pages/icons/index.vue' /* webpackChunkName: "pages/icons" */).then(
        m => m.default || m,
      ),
    name: 'icons',
  },
  {
    path: '/themes',
    component: () =>
      import('@/pages/themes/colors.vue' /* webpackChunkName: "pages/themes" */).then(
        m => m.default || m,
      ),
    name: 'themes/colors',
  },
  {
    path: '/listPage',
    component: DefaultRouteComponent,
    children: [
      {
        path: '/listPage/table',
        component: () =>
          import('@/pages/list/table.vue' /* webpackChunkName: "pages/listPage" */).then(
            m => m.default || m,
          ),

        name: 'listPage/table',
      },
    ],
  },
  {
    path: '/account/register',
    component: () =>
      import('@/pages/register/index.vue' /* webpackChunkName: "pages/register" */).then(
        m => m.default || m,
      ),
    name: 'register',
  },
  {
    name: '404',
    path: '/404',
    component: notFound,
  },
  {
    name: '404',
    path: '*',
    component: notFound,
  },
];
